<template>
  <!-- 主要内容区域 -->
  <section class="con">
    <myPaths />
    <!-- 主要内容区域 -->
    <div class="mainCon">
      <Zoom />
      <Info />
    </div>
  </section>
</template>

<script>
import myPaths from "./Paths";
import Zoom from "./Zoom";
import Info from "./Info";

export default {
  name: "Intro",
  components: { myPaths, Zoom, Info },
};
</script>

<style scoped lang="less">
.con {
  width: 1200px;
  margin: 15px auto 0;

  .mainCon {
    overflow: hidden;
    margin: 5px 0 15px;
  }
}
</style>
